﻿{% extends "base.html" %}
{% block title %} {{participante.nome}} {% endblock %}

{% block content %}

    {% if msg %}<div class="msg">{{msg}}</div>{% endif %}

    <h2>Altere a foto de {{participante.nome}}</h2>
    
    {% if participante.avatar %}
        <img src="/fotoparticipante?key={{participante.key}}">
    {% else %}
        <img src="/imagens/anonimo.gif">
    {% endif %}

    <h4>Importante</h4>

    <ul>
        <li>Só envie arquivos do tipo jpeg (jpg), gif ou png.</li>
        <li>O arquivo deve obrigatoriamente ter menos de 1Mb (se tiver mais, o servidor da Google se nega a manipulá-lo)</li>
        <li>Prefira fotos quadradas.</li>
        <li>Se a foto enviada não for quadrada, ela será cortada na forma de um quadrado.</li>
        <ul>
            <li>Se a foto for horizontal (forma landscape, seu rosto deve estar ao lado esquerdo).</li>
            <li>Se for vertical (forma portrait, seu rosto deve estar na parte de cima).</li>
        </ul>
    </ul>
        
    <p>
    {% ifequal user participante.owner %}
    <form action="/fotoparticipante?key={{participante.key}}" enctype="multipart/form-data" method="post">
        <input type="file" name="arquivo" value="Escolha um arquivo"/><br>
        <input type="submit" value="Envie a foto">
    </form>
    {% endifequal %}
    </p>

{% endblock %}